iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0
Mobile Development

大家的心聲手機查系列 第 4

今天來一點UI

  • 分享至 

  • xImage
  •  

專案可以順利編譯以及在模擬器上運行後,就可以為這個App 加上一點畫面、功能、按鍵、輸入框以及各式各樣的介面元件。

在專案內,這些「資源」放在app/res/layout
https://ithelp.ithome.com.tw/upload/images/20220919/20141314dvLdAc6vl7.png

對activity_main.xml 雙擊就可以開啟編輯區
https://ithelp.ithome.com.tw/upload/images/20220919/20141314apyDSByXuM.png

注意右上角可以有三種不同的編輯方式:
一、Code 編寫xml 以語法快速編輯畫面
https://ithelp.ithome.com.tw/upload/images/20220919/201413144IMZoJMwW1.png
二、Split 編寫xml 或是UI 移動畫面同時可以看到xml 的更新
https://ithelp.ithome.com.tw/upload/images/20220919/201413141vCchEYL6U.png
三、Design 純UI 介面編輯
https://ithelp.ithome.com.tw/upload/images/20220919/201413143ueTF44KkS.png

簡單拉幾個元件以及週整它的位置、內容,編輯後執行,就可以得到帶有不同元件的App!
https://ithelp.ithome.com.tw/upload/images/20220919/201413147DIaPkSnMJ.png


上一篇
Hello World
下一篇
事情監聽
系列文
大家的心聲手機查30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言